<template>
    <el-container>
      <el-header>
        <Top></Top>

      </el-header>
      <el-container>
        <el-aside width="200px">
            <Left></Left>
        </el-aside>
        <el-main>
            <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
</template>

<script setup>
import {ref,reactive,onMounted} from 'vue'
import {get,post} from '@/myaxios'
import router from '@/router'
import Top from '@/component/top.vue'
import Left from '@/component/left.vue'


</script>

<style scoped>

    .el-container{
        width: 100vw;
        height: 100vh;
        background-color: rgb(246, 246, 255);
    }
    .el-header{
        height: 96px;
        background-image: url(./../assets/logo2.png);
    }
    .el-aside{
        box-shadow: var(--el-box-shadow-dark);
    }
</style>